

<template>
  <div style="height:100%;width:100%;position:relative;">
    <div class="pagetop">
      <div class="search-title">快速查询</div>
      <el-input v-model="txtsearch" placeholder="项目组合名称|输入码" style="width:200px"></el-input>
      <div class="top-deal">
        <el-button @click="btnQuery" icon="el-icon-search" type="primary" v-has="'PINQUERY'"
          :disabled="bChangeFlag">查询</el-button>
        <el-button @click="btnAdd" icon="el-icon-plus" v-has="'PADD'" :disabled="bChangeFlag">新增</el-button>
        <el-button @click="btnDel" icon="el-icon-delete" v-has="'PDELETE'" :disabled="bChangeFlag">删除</el-button>
        <el-button @click="btnSave" icon="el-icon-document" v-has="'PMODIFY'" :disabled="!bChangeFlag">保存</el-button>
        <el-button @click="btnClear" icon="el-icon-close" :disabled="!bChangeFlag">取消</el-button>
        <el-button @click="btnExport" icon="el-icon-upload2">导出</el-button>
        <!-- <el-button @click="btnImport" icon="el-icon-download">导入</el-button> -->
      </div>
    </div>
    <div class="pagecenter">
      <div class="middle-center">
        <vxe-table :data.sync="list" :loading="bLoading" :keyboard-config="keyConfig" :row-class-name="rowClassName1"
          :select-config="selectConfig" :sort-config="{ trigger: 'cell' }" :edit-config="{
            trigger: 'click',
            mode: 'cell',
            showStatus: true,
            showIcon: false,
          }" @current-change="CurrentChangeEvent" border fit height="auto" header-align="center" highlight-current-row
          highlight-hover-row highlight-hover-column ref="lXTable" resizable show-header-overflow="tooltip"
          show-overflow="tooltip" size="mini" stripe>

          <vxe-table-column field="itemcombname" title="项目组合名称" width="150"></vxe-table-column>
          <vxe-table-column field="itemcombkindname" align="center" title="组合类别" width="90"></vxe-table-column>
          <vxe-table-column field="detail_count" title="项数" width="30" align="center"></vxe-table-column>
          <vxe-table-column field="description" title="描述" width="180"></vxe-table-column>
          <vxe-table-column field="hospcode" align="center" title="所属医院" width="200"
            :formatter="FormateFun"></vxe-table-column>
          <vxe-table-column field="labgroupname" header-align="center" title="所属检验组" width="120"></vxe-table-column>
          <vxe-table-column field="inputcode" title="输入码" width="100"></vxe-table-column>
          <vxe-table-column field="itemcombid" head-align="center" text-align="left" title="项目组合ID"
            width="80"></vxe-table-column>
        </vxe-table>
      </div>
      <div class="middle-right" v-loading="bPageInitLoading" element-loading-spinner="el-icon-loading"
        element-loading-background="rgba(0, 0, 0, 0.8)">
        <rm-layout-top splitcolor="#DoderBlue" :splitwidth="5" :fixsize="163">
          <template v-slot:fix>
            <div style="height:163px;border:1px solid #CCC">
              <el-form :label-position="labelPosition" label-width="80px" :model="detailData">
                <table class="table1style" style="width:100%;font-size:12px">
                  <tr>
                    <td align="right" style="color:#F56C6C">项目组合ID</td>
                    <td>
                      <el-input v-model="detailData.itemcombid" @input="HasChange" :disabled="true" @change="ChkKeyId"
                        ref="input0" @keyup.enter.native="NextFocus(0)"></el-input>
                    </td>
                    <td align="right" style="color:#F56C6C">组合类别</td>
                    <td>
                      <el-select ref="input1" v-model="detailData.itemcombkind" placeholder="请选择" style="width:100%"
                        @input="HasChange" @keyup.enter.native="NextFocus(1)">
                        <el-option v-for="(item, index) in itemCombKindOptions" :key="index" :label="item.label"
                          :value="item.value"></el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td align="right" style="color:#F56C6C">项目组合名称</td>
                    <td>
                      <el-input v-model="detailData.itemcombname" @input="HasChange" @change="CreateInputcode"
                        ref="input2" @keyup.enter.native="NextFocus(2)"></el-input>
                    </td>
                    <td align="right" style="color:#F56C6C">所属医院</td>
                    <td>
                      <rm-ddl-common datatype="hospital" dataname="医院" v-model="detailData.hospcode" @change="HasChange"
                        width="100%" :disabled="bAdmin"></rm-ddl-common>
                    </td>
                  </tr>
                  <tr>
                    <td align="right" style="color:#F56C6C">子项个数</td>
                    <td>
                      <el-input v-model="detailData.detail_count" readonly></el-input>
                    </td>
                    <td align="right" style="color:#F56C6C">所属检验组</td>
                    <td>
                      <rm-ddl-common datatype="labgroup" irrelevant="groupShowIrrelevant" dataname="检验组"
                        v-model="detailData.labgroupid" @change="HasChange" width="100%"></rm-ddl-common>
                    </td>
                  </tr>
                  <tr>
                    <td align="right">输入码</td>
                    <td>
                      <el-input v-model="detailData.inputcode" @input="HasChange" ref="input3"
                        @keyup.enter.native="NextFocus(3)"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td align="right" style="padding: 2px 2px 0px 2px;vertical-align: top;">
                      描述
                    </td>
                    <td colspan="3">
                      <el-input v-model="detailData.description" @input="HasChange" type="textarea" :rows="2" ref="input6"
                        @keyup.enter.native="NextFocus(6)"></el-input>
                    </td>
                  </tr>
                </table>
              </el-form>
            </div>
          </template>
          <div style="height:100%;width:100%;background-color:#ddccbb;">
            <vxe-table :data="rXTableData" :loading="bLoading" :keyboard-config="keyConfig" :select-config="selectConfig"
              :sort-config="{ trigger: 'cell' }" :edit-config="{
                trigger: 'click',
                mode: 'cell',
                showStatus: true,
                activeMethod: activeMethod,
                showIcon: false,
              }" border fit height="auto" header-align="center" highlight-current-row highlight-hover-row
              highlight-hover-column ref="rXTable" resizable show-header-overflow="tooltip" show-overflow="tooltip"
              size="mini" stripe :row-class-name="rowClassName2">
              <vxe-table-column field="itemcombid" title="组合代码" width="100" align="center">
                <template v-slot:header="{ column }">
                  <span style="color:#F56C6C;">组合代码</span>
                </template>
              </vxe-table-column>
              <vxe-table-column field="rpt_itemname" title="报告项目" width="250"
                :edit-render="{ name: 'input', autoselect: true }">
                <template v-slot:header="{ column }">
                  <span style="color:#F56C6C;">报告项目</span>
                </template>
                <template v-slot:edit="{ row }">
                  <el-input v-model="row.rpt_itemname" placeholder="双击弹窗" @keyup.space.native="popGetRow(row);"
                    @dblclick.native="popGetRow(row)" readonly></el-input>
                </template>
                <!-- <template v-slot:edit="{ row,rowIndex }">
                      <el-input @keyup.space.native="bDlgRptItem=true,tempRptItem=row,$nextTick(() => {$refs.rptdialog.$refs.qcodeinput.focus();});" @keyup.enter.native="$refs.xTableResult.setActiveCell(row,'result_str')" @keyup.down.native="ResultMove(row,1,rowIndex,'rpt_itemname')" @keyup.up.native="ResultMove(row,0,rowIndex,'rpt_itemname')" @change="rptitemInput(row)" v-model="row.rpt_itemname" style="width:100%;height:18px" :autofocus="true" ref="rptitemname"></el-input>
                  </template> -->
              </vxe-table-column>
              <vxe-table-column field="seq" title="序号" width="50" align="center" :edit-render="{
                name: 'input',
                autoselect: true,
                events: { change: HasChange },
              }">
              </vxe-table-column>
              <template v-slot:fix>
                <div style="font-size:12px;padding-top:3px;background-color:#fff;text-align:center">
                  <table style="border-spacing:10px;width:100%">
                    <tr>
                      <td>
                        <el-button @click="
                          $refs.rXTable.insertAt(
                            {
                              itemcombid: '',
                              seq: '',
                              rpt_itemcode: '',
                              rpt_itemname: '',
                            },
                            -1
                          )
                            .then(({ row }) => {
                              $nextTick(() => {
                                $refs.rXTable.setCurrentRow(row);
                                $refs.rXTable.setActiveCell(row, 'rpt_itemname')
                                $refs.rXTable.scrollToRow(row)
                              })
                            }),
                          (bChangeFlag = true)
                          ">新增明细</el-button>
                      </td>
                      <td>
                        <el-button @click="
                          $refs.rXTable.remove($refs.rXTable.getCurrentRow()),
                          (bChangeFlag = true)
                          ">删除明细</el-button>
                      </td>
                    </tr>
                  </table>
                </div>
              </template>
            </vxe-table>
          </div>
        </rm-layout-top>
        <el-dialog v-el-drag-dialog :append-to-body="true" :close-on-click-modal="false" title="报告项目"
          :visible.sync="bDlgRptItem" v-if="bDlgRptItem">
          <rm-pop-rptitem2 prgno="LIS114" :isAllRpt="1" :rptunitdisabled="true" @selitem="AddRptItem"
            @cancel="bDlgRptItem = false, $refs.xTable.setActiveCell($refs.xTable.getCurrentRow(), 'rptitemshow')"
            ref="rptdialog"></rm-pop-rptitem2>
        </el-dialog>
      </div>
    </div>
  </div>
</template>

<script type="text/javascript">
import XEUtils from "xe-utils";
export default {
  name: "LIS114",
  data() {
    return {
      txtsearch: "",
      actionindex: "M",
      labelPosition: "right",
      addhospname: "",
      detailData: {
        //明细-主表
        itemcombid: null,
        itemcombkind: "",
        itemcombname: "",
        hospcode: "All",
        detail_count: 0,
        description: "",
      },
      hospitalcode: this.$tool.getSession(this.$tool.selectedhis),
      user: this.$tool.getSession(this.$tool.loginutype),
      bLoading: false,
      bPageInitLoading: false,
      bDlgRptItem: false,
      bChangeFlag: false,
      bPopLabMed: false,
      bAdmin: true,
      keyConfig: {
        isDel: true,
        isTab: true,
        isEdit: true,
      },
      ddlkeyConfig: {
        isDel: true,
        isTab: true,
        isEdit: true,
        isArrow: true,
      },
      keyLocalConfig: {
        isArrow: true,
      },
      rptItemRow: {},
      tmpdetailData: {},
      selectConfig: { tigger: "row" },
      selrow: [],
      AddData: [],
      ModData: [],
      lXTableData: [],
      rXTableData: [],
      labmedOptions: [],
      itemCombKindOptions: [
        { value: "1", label: "合并组" },
        { value: "2", label: "统计组" },
        { value: "3", label: "报告组" },
        { value: "11", label: "细菌组" },
        { value: "21", label: "标本编号组" },
        { value: "22", label: "项目过滤组" },
      ], //急诊标志
    };
  },
  created() {
    this.$ddldata.IsAreaModeFun().then((r) => {
      this.$ddldata.IsAreaMode;
      if (this.user != "G") {
        this.bAdmin = true;
      } else {
        this.bAdmin = false;
      }
      this.btnQuery();
    });
  },
  watch: {
    txtsearch(val) {
      let row = this.list[0];
      if (row) {
        this.HightLightRow(row);
      } else {
        this.HightLightRow(false);
      }
    },
  },
  computed: {
    //模糊查询
    list() {
      let filterName = this.txtsearch.trim();
      if (filterName) {
        let rest = this.lXTableData.filter((item) => {
          return (item.inputcode ? item.inputcode.toUpperCase().indexOf(filterName.toUpperCase()) > -1 : false) || (item.itemcombname ? item.itemcombname.toUpperCase().indexOf(filterName.toUpperCase()) > -1 : false);
        });
        return rest;
      } else {
        return this.lXTableData;
      }
    },
    //排序
    autoSeq() {
      let data = this.$refs.rXTable.tableData.filter((m) => !!m.rpt_itemcode);
      let len = data.length;
      return (len + 1) * 10;
    },
  },
  mounted() { },
  updated() { },
  methods: {
    //----------------- 查询类 ----------------- //
    //主表查询
    btnQuery() {
      this.AddData = [];
      this.ModData = [];
      this.bLoading = true;
      this.$tool
        .request({
          url: "LIS/LIS1/LIS114",
          method: "post",
          data: {
            action: "lab_itemcomb_query",
          },
        })
        .then((res) => {
          if (res.data.length > 0) {
            this.lXTableData = res.data;
            this.HightLightRow(res.data[0]);
          } else {
            this.actionindex = "A";
          }
          this.bLoading = false;
        })
        .catch((err) => {
          this.bLoading = false;
        });
    },
    //明细查询 -- 主表，子表
    async detailQuery(row) {
      try {
        this.selrow = row;
        this.actionindex = "M";
        this.bPageInitLoading = true;
        const res = await this.$tool.request({
          url: "LIS/LIS1/LIS114",
          method: "post",
          data: {
            action: "lab_itemcomb_query_detail",
            itemcombid: row.itemcombid,
          },
        });
        if (res.labmedgroup.length > 0) {
          this.detailData = res.labmedgroup[0];

          if (res.labmedgroupdetail.length > 0) {
            this.rXTableData = res.labmedgroupdetail;
            this.$refs.rXTable.setCurrentRow(this.rXTableData[0]);
          } else {
            this.rXTableData = [];
          }
        } else {
          this.detailData = {};
          this.rXTableData = [];
        }
        this.tmpdetailData = XEUtils.clone(this.detailData, true);
        this.bPageInitLoading = false;
      } catch (e) {
        this.bPageInitLoading = false;
        this.$alert(e);
      }
    },
    //获取当前医院名称
    async GetHospName(hospcode) {
      try {
        const res = await this.$tool.request({
          url: "LIS/LIS1/LIS114",
          method: "post",
          data: {
            action: "lab_itemcomb_gethospname",
            hospcode: hospcode,
          },
        });
        if (res.data.length > 0) {
          this.addhospname = res.data[0].hospitalname;
        } else {
          this.addhospname = "";
        }
      } catch (e) {
        this.$alert(e);
      }
    },
    //主键查询  是否重复
    ChkKeyId() {
      this.$tool
        .request({
          url: "LIS/LIS1/LIS114",
          method: "post",
          data: {
            action: "lab_itemcomb_chkkeyid",
            itemcombid: this.detailData.itemcombid,
          },
        })
        .then((res) => {
          if (res == "1") {
            this.$alert("项目组合ID重复，请重新填写！");
            this.$refs.input0.focus();
          }
        })
        .catch((err) => {
          this.$alert(err);
        });
    },
    //----------------- 按钮类 -----------------//
    //新增
    btnAdd() {
      this.bChangeFlag = true;
      this.actionindex = "A";
      this.detailData = {
        itemcombid: "",
        itemcombkind: "",
        itemcombname: "",
        hospcode: this.$ddldata.IsAreaMode ? this.$tool.getSession(this.$tool.selectedhis) : "All",
        detail_count: 0,
        inputcode: "",
        description: "",
        labgroupid: -1,
      };
      this.rXTableData = [];
      this.$refs.input0.focus();
    },
    //删除 -- 弹窗提示
    btnDel() {
      this.$confirm("您确定要删除这条数据吗？", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.actionindex = "D";
          this.confirmDel();
        })
        .catch(() => { });
    },
    //删除 -- 确认删除
    async confirmDel() {
      try {
        var delrow = this.$refs.lXTable.getCurrentRow();
        if (delrow) {
          var alld = this.$refs.lXTable.tableData;
          var rowindex = alld.indexOf(delrow);
          this.$refs.lXTable.remove(delrow);
          await this.btnSave().then(() => {
            this.lXTableData.splice(rowindex, 1);
            let havedata = this.$refs.lXTable.tableData;
            if (havedata.length > 0) {
              if (rowindex >= havedata.length) rowindex = havedata.length - 1;
              let selectrow = havedata[rowindex];
              this.HightLightRow(selectrow);
            } else {
              this.HightLightRow(false);
            }
          });
        }
      } catch (e) {
        console.log("error", e);
      }
    },
    //取消 -- 取消操作，数据还原
    btnClear() {
      this.$confirm("您确定要取消这次改动吗？", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.bChangeFlag = false;
          this.detailQuery(this.selrow);
        })
        .catch(() => { });
    },
    //保存 -- 保存新增，修改，删除主表: lab_medgroup 子表: lab_medgroupdetail 操作//
    async btnSave() {
      try {
        if (this.$refs.lXTable.tableFullData.length < 1 && this.actionindex != "A") {
          this.$alert("请通过新增按钮新增数据！");
          return false;
        }
        if (!this.detailData.itemcombkind) {
          this.$alert("组合类别不能为空！", "提示", {
            confirmButtonText: "确定",
            type: "warning",
          });
          return false;
        }
        if (!this.detailData.itemcombname) {
          this.$alert("项目组合名称不能为空！");
          return false;
        }
        let date = this.$refs.rXTable.tableData.filter((m) => !!m.rpt_itemcode);
        date.sort((a, b) => {
          return a.seq - b.seq;
        });
        for (let i = 0, len = date.length; i < len; i++) {
          let tempseq = (i + 1) * 10;
          if (tempseq !== date[i].seq) {
            date[i].seq = tempseq;
          }
        }
        this.detailData.detail_count = this.$refs.rXTable.tableData.length;
        const res = await this.$tool.request({
          url: "LIS/LIS1/LIS114",
          method: "post",
          data: {
            action: "lab_itemcomb_save",
            utype: this.actionindex,
            oldinfo: this.tmpdetailData,
            newinfo: this.detailData,
            labmedgroupdetail: this.$refs.rXTable.getRecordset(),
          },
        });
        if (res.errcode == "1") {
          this.$message.success("保存成功！");
          this.bChangeFlag = false;
          if (this.actionindex == "A") {
            console.log("res", res);
            this.detailData.itemcombid = res.keyid;
            let SetData = XEUtils.clone(this.detailData);
            this.GetHospName(SetData.hospcode);
            console.log("addhospname", this.addhospname);
            setTimeout(() => {
              if (this.AddData.indexOf(this.detailData.itemcombid) == -1) this.AddData.push(this.detailData.itemcombid);
              if (this.addhospname == "") {
                SetData.hospcode = "All";
              } else SetData.hospcode = this.addhospname;
              if (SetData.itemcombkind == "1") {
                SetData.itemcombkindname = "合并组";
              } else if (SetData.itemcombkind == "2") {
                SetData.itemcombkindname = "统计组";
              } else if (SetData.itemcombkind == "3") {
                SetData.itemcombkindname = "报告组";
              } else if (SetData.itemcombkind == "11") {
                SetData.itemcombkindname = "细菌组";
              } else if (SetData.itemcombkind == "21") {
                SetData.itemcombkindname = "标本编号组";
              } else if (SetData.itemcombkind == "22") {
                SetData.itemcombkindname = "项目过滤组";
              } else {
                SetData.itemcombkindname = SetData.itemcombkind;
              }
              SetData.hospcode;
              this.$refs.lXTable.insert(SetData).then(({ row }) => {
                this.HightLightRow(row);
                this.lXTableData.push(row);
              });
            }, 100);
          } else if (this.actionindex == "M") {
            if (this.ModData.indexOf(this.detailData.itemcombid) == -1) this.ModData.push(this.detailData.itemcombid);
            await this.SetToTable(this.detailData).then((row) => {
              this.HightLightRow(row);
            });
          } else {
            this.actionindex = "M";
          }
        } else {
          this.$message.error("保存失败！" + res.errmsg);
        }
      } catch (e) {
        this.$alert(e);
      }
    },
    //导出
    btnExport() {
      let p = { prgno: "LIS114" };
      this.$pub.commexport(this, p, `项目组合/项目组合明细.dat`);
    },
    //导入 -- 暂无
    btnImport() { },
    //--------------- 数据改变及其他功能 ---------------//
    //行改变事件
    async CurrentChangeEvent({ row }) {
      if (this.bChangeFlag) {
        this.$refs.lXTable.setCurrentRow(this.selrow);
        return false;
      } else {
        await this.detailQuery(row);
      }
    },
    //保存后不刷新左侧主表,前台赋值。
    SetToTable(obj) {
      return new Promise((s, f) => {
        this.GetHospName(obj.hospcode);
        setTimeout(() => {
          this.selrow.itemcombid = obj.itemcombid;
          this.selrow.itemcombname = obj.itemcombname;
          if (obj.itemcombkind == "1") {
            this.selrow.itemcombkindname = "合并组";
          } else if (obj.itemcombkind == "2") {
            this.selrow.itemcombkindname = "统计组";
          } else if (obj.itemcombkind == "3") {
            this.selrow.itemcombkindname = "报告组";
          } else if (obj.itemcombkind == "11") {
            this.selrow.itemcombkindname = "细菌组";
          } else if (obj.itemcombkind == "21") {
            this.selrow.itemcombkindname = "标本编号组";
          } else if (obj.itemcombkind == "22") {
            this.selrow.itemcombkindname = "项目过滤组";
          }
          this.selrow.inputcode = obj.inputcode;
          if (this.addhospname == "") {
            this.selrow.hospcode = "All";
          } else this.selrow.hospcode = this.addhospname;
          this.selrow.description = obj.description;
          s(this.selrow);
        }, 100);
        return;
      });
    },
    // 回车换行
    NextFocus(index) {
      if (index > 6) return false;
      var that = this;
      var focusIndex = index + 1;
      setTimeout(function () {
        if (index == 4) {
          that.$refs["input" + index].blur();
        }
        that.$refs["input" + focusIndex].focus();
      }, 1);
    },
    activeMethod({ row }) {
      return true;
    },
    //数据发生改变 -- 获取数据改变
    GetChange(code, name) {
      this.HasChange();
    },
    //数据发生改变 -- 按钮禁用/可用切换
    HasChange() {
      this.bChangeFlag = true;
    },
    AddRptItem(c, v, data) {
      if (data.length > 0) {
        data.forEach((row) => {
          this.$refs.rXTable.insert({ itemcombid: this.detailData.itemcombid, seq: this.autoSeq, rpt_itemcode: row.rpt_itemcode, rpt_itemname: row.itemcode_en + " " + row.rpt_itemname + " " + row.rpt_itemcode });
        });
      }
      // this.rptItemRow.rpt_itemcode = c;
      // this.rptItemRow.rpt_itemname = row.itemcode_en + " " + v + " " + c;
      this.bChangeFlag = true;
      this.bDlgRptItem = false;
    },
    //获取 抗生素弹窗 行数据
    popGetRow(row) {
      this.rptItemRow = row;
      this.bDlgRptItem = true;
    },
    KindFormatter(cellValue) {
      return cellValue === "1" ? "合并组" : cellValue === "2" ? "统计组" : cellValue === "3" ? "报告组" : cellValue === "11" ? "细菌组" : cellValue === "21" ? "标本编号组" : "";
    },
    //获取输入码
    CreateInputcode() {
      this.detailData.inputcode = this.$pub.CreateInputcode(this.detailData.itemcombname, this, 16);
    },
    //格式化
    FormateFun({ row, cellValue, column }) {
      if (column.property == "hospcode") {
        if (cellValue == "All") {
          return "全部医院";
        } else {
          return cellValue;
        }
      }
    },
    //设置高亮选中行
    async HightLightRow(row) {
      if (!!row) {
        this.$refs.lXTable.setCurrentRow(row);
        await this.detailQuery(row);
      } else {
        this.$refs.lXTable.setCurrentRow(null);
        this.detailData = {};
        this.tmpdetailData = {};
        this.rXTableData = [];
      }
    },
    //----------------- class -----------------//
    //左侧主表 row class
    rowClassName1({ row, rowIndex }) {
      if (this.AddData.indexOf(row.itemcombid) > -1) {
        return "row-new";
      }
      if (this.ModData.indexOf(row.itemcombid) > -1) {
        return "row-modify";
      }
    },
    //右侧子表 row class
    rowClassName2({ row, rowIndex }) {
      let isDirty = this.$refs.rXTable.hasRowChange(row);
      if (isDirty) {
        return "row-modify";
      }
      if (this.$refs.rXTable.hasRowInsert(row)) {
        return "row-new";
      }
    },
  },
};
</script>

<style scoped>
.pagetop {
  width: 100%;
  height: 35px;
  display: -webkit-box;
  -webkit-box-pack: left;
  -webkit-box-align: center;
  border: 1px solid #ccc;
  position: absolute;
  z-index: 99;
}

.pagecenter {
  position: absolute;
  top: 40px;
  width: 100%;
  left: 0;
  bottom: 0px;
  overflow: auto;
}

.middle-center {
  position: absolute;
  height: 100%;
  left: 0px;
  right: 605px;
  overflow: auto;
}

.middle-right {
  position: absolute;
  height: 100%;
  width: 600px;
  right: 0px;
}

.search-title {
  margin: 0 5px 0 20px;
  font-size: 12px;
}

.top-deal {
  right: 5px;
  position: absolute;
  top: 5px;
  display: flex;
  align-items: center;
}

::v-deep .el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 2px 4px;
}

::v-deep  tr.vxe-body--row.row-modify {
  color: blue;
}

::v-deep  tr.vxe-body--row.row-new {
  color: #cc6600;
}

::v-deep .el-checkbox__input.is-disabled+span.el-checkbox__label {
  color: #000000;
  cursor: not-allowed;
}

::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #000000;
}

::v-deep  .el-checkbox__input.is-disabled .el-checkbox__inner,
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #ffffff !important;
}

::v-deep .el-input.is-disabled .el-input__inner {
  color: #000000;
  cursor: not-allowed;
}

.table1style tr td {
  padding: 0px 2px 0px 2px;
}

::v-deep  tr.vxe-body--row.row--current {
  color: #000000;
  font-weight: bold;
}

::v-deep  .el-button.is-disabled {
  border: 0px;
  color: grey;
  background-color: #e6e6e6;
  font-weight: normal;
}</style>
